﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="ColorPickerDemo._Default" %>

<%@ Register Assembly="Toolkit.ColorPicker" Namespace="DnnSun.WebControls.Toolkit"
    TagPrefix="cc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Color Picker Demo</title>
    <style type="text/css">
        /*.YUI img{vertical-align:bottom;margin-top:2px;}*/</style>
</head>
<body>
    <form id="form1" runat="server">
    <div style="margin: 20px;">
        <h2>
            1) Normal Color Picker:</h2>
        <cc1:ColorPicker ID="ColorPicker2" runat="server" Color="#FF0000" OnColorChanged="ColorPicker2_ColorChanged" />
        <div style="clear: both; height: 0px;">
        </div>
        <br />
        <asp:Button ID="submitter" runat="server" Text="Submit" />
        <br />
        <label>
            Please notice the color changed here:</label>
        <asp:Label ID="Label1" runat="server" Style="font-style: italic;" EnableViewState="false" />
    </div>
    <div style="margin: 20px;">
        <h2>
            2) Color Picker with AutoPostback:</h2>
        <cc1:ColorPicker ID="ColorPicker1" runat="server" Color="#000000" AutoPostBack="true"
            PickerImageURL="alternative_picker_02.png" OnColorChanged="ColorPicker1_ColorChanged" />
        <div style="clear: both; height: 0px;">
        </div>
        <br />
        <label>
            Please notice the color changed here:</label>
        <asp:Label ID="lblColor" runat="server" Style="font-style: italic;" EnableViewState="false" />
    </div>
    <div style="border-top: solid 1px #000; padding: 10px; font-family: Tahoma;">
        <a href="http://www.dnnsun.com" title="www.dnnsun.com" target="_blank">
            <img src="http://www.dnnsun.com/Portals/_default/Skins/dnnsunStyle/dnnsunlogo.gif"
                alt="www.dnnsun.com:The professional provider of DotNetNuke support, skin design and custom module development."
                style="border: solid 1px #cdcdcd;" /></a><br />
        <div style="margin-top: 5px;">
            The professional provider of DotNetNuke support, skin design and custom module development.</div>
    </div>
    </form>
</body>
</html>
